import React from "react";
import TitlePublic from "@/components/title-public/index";
import { loadLocalImg } from "@/utils/load-local-img";

const imgUrl =loadLocalImg('enterprise-culture-000.webp');
import { mockData } from "./mock-data";
import "./index.scss";
const imgStyle = {
  width: "31.25vw",
  height: "15vw",
};
export default function EnterpriseCulture() {
  return (
    <div>
      <img src={imgUrl} alt="" className="baner-img" />
      <TitlePublic englishTitle="Corporate Culture" chineseTitle="企业文化" />
      <ul className="enterprise-culture-ul">
        {mockData.map((item, index) => {
          return (
            <li key={index} className="enterprise-culture-item">
              <div className="left">
                <img src={item.img} alt="" style={imgStyle} />
              </div>
              <div className="right">
                <div className="title">{item.title}</div>
                <div className="content">{item.content}</div>
              </div>
            </li>
          );
        })}
      </ul>
    </div>
  );
}
